<h1>商店</h1>

<div *ngIf="!list || list.length===0">
  暂时没有商品，请添加。
</div>

<div *ngIf="!!list && list.length > 0">
  <table>
    <tr>
      <th>商品名称</th>
      <th>商品价格</th>
      <th>操作</th>
    </tr>
    <tr *ngFor="let item of list">
      <td>
        {{item.name}}
      </td>
      <td>
        {{item.price}}
      </td>
      <td>
        <button (click)="addToCart(item)">添加到购物车</button>
      </td>
    </tr>
  </table>
</div>

<div *ngIf="!!carts && carts.length > 0">
  <button routerLink="/cart">去购物车结算 {{carts.length}} 件商品</button>
</div>
